<template>
 <div>
   <img src="../../assets/img_1.png" alt="即刻运动" class="img">

   <el-row>
     <el-col :span="11" :offset="4"><div class="video"><showvideo></showvideo></div></el-col>
     <el-col :span="9"><div class="food"><food></food></div></el-col>
   </el-row>

   <el-row>
     <el-col :span="11" :offset="4"><div class="course"><course></course></div></el-col>
   </el-row>
 </div>
</template>

<script>
import showvideo from "./showvideo";
import food from "./showfood"
import course from "./showcourse"
export default {
  name: "shouye",
  components:{
    showvideo:showvideo,
    food:food,
    course:course
  },
}
</script>

<style scoped>
.img{
  position: absolute;
  width: 100%;
  height: 60%;
}
.video{
  margin-top: 525px;
  width: 660px;
}
.food{
  margin-top: 525px;
  height: 880px;
  width: 280px;
}
.course{
  margin-top: -370px;
  height: 350px;
  width: 660px;

}
</style>
